<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="./styles/bootstrap.css">

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=06S5lwlqmlqyBGovpHaSuwZXGuEDg9es"></script>
    <!-- <script src=".ethereum/addr.js"></script> -->
    <script src=".ethereum/addrsmall.js"></script>
    <script src="./scripts/app.js"></script>
    <style>
        #map{
            border: 2px solid;
            /*width:  1400px;*/
            height: 750px;
        }
        body {
/*          padding-top: 5rem;*/
        }
        .starter-template {
          /*padding: 3rem 1.5rem;*/
          text-align: center;
        }
    </style>
    <title>Node on Baidu Map!</title>
  </head>
  <body  onLoad="InitMap()">
    <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
      <a class="navbar-brand" href="#">Ethereum Node</a>
      <div class="col-10" id="navbarsExampleDefault"> <!-- class="collapse navbar-collapse" -->
          <div class="form-row">
            <div class="col-8">
              <input id="Url", class="form-control my-0 mr-sm-4" type="text" placeholder="ws://127.0.0.1:9001/msg" aria-label="url" value="ws://127.0.0.1:9001/msg">
            </div>
            <div class="col-auto">
              <button class="btn btn-secondary my-0 my-sm-0" onclick="Connect()">Connect</button>
            </div>
            <div class="col-auto">
              <button class="btn btn-secondary my-0 my-sm-0" onclick="Disconnect()">Disconnect</button>
            </div>
          </div>
      </div>
    </nav>

    <main role="main">
      <center>
        <div id="map" class="w-auto"></div>
      </center>


    </main><!-- /.container -->
    

  </body>
</html>
